<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../../../../static/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../../../static/js/jquery.js"></script>

    <script type="text/javascript" src="../../../../static/js/vue.js"></script>
    <script type="text/javascript" src="../../../../static/js/axios.min.js"></script>

<script type="text/javascript">
        $(document).ready(function(){
            $(".click").click(function(){
                $(".tip").fadeIn(200);
            });

            $(".tiptop a").click(function(){
                $(".tip").fadeOut(200);
            });

            $(".sure").click(function(){
                $(".tip").fadeOut(100);
            });

            $(".cancel").click(function(){
                $(".tip").fadeOut(100);
            });

        });
 </script>

</head>


<body>

	<div class="place">
    <span>位置：</span>
    <ul class="placeul">
    <li><a href="#">名片夹</a></li>
    <li><a href="#">名片夹分类</a></li>
    </ul>
    </div>
    
    <div class="rightinfo"  id="nameCardList">
    
      
   <div class="formtitle1"><span>名片夹分类列表</span></div>
        <div class="a" style="float: right;font-size: 9pt;font-weight: bolder;" ><a href="nameCardAdd.html">添加名片夹分类</a></div>

    <table class="tablelist">
    	<thead>
    	<tr>
        <th>编号<i class="sort"><img src="../../../../static/images/px.gif" /></i></th>
        <th>名片夹类名</th>
        <th>操作</th>
        </tr>
        </thead>
        
        <tbody>

        <tr v-for="(nameCard,index) in nameCardList">
            <td>{{index+1}}</td>
            <td>{{nameCard.namecardlistName}}</td>
            <td >
                <a href="#" class="tablelink" @click="goView(nameCard.namecardlistName)" >查看详情</a>
                &nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="tablelink" @click="updateName(nameCard.namecardlistId)">重命名</a>
                &nbsp;&nbsp;&nbsp;&nbsp;<a href='#' @click="deleteNameCard(nameCard.namecardlistName)" v-if="nameCard.namecardlistName==='我的名片夹'" ></a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href='#'  v-else @click="deleteNameCard(nameCard.namecardlistName)"  >删除</a>
            </td>
        </tr>




        <!--        <tr>-->
<!--        <td>1</td>-->
<!--        <td>我的文件夹</td>-->
<!--        <td><a href="#" class="tablelink">重命名</a> &nbsp;&nbsp;&nbsp;&nbsp;  <a href="#" class="tablelink click"> 删除</a></td>-->
<!--        </tr> -->
        
<!--        <tr>-->
<!--        <td>2</td>-->
<!--        <td>老王文件夹</td>-->
<!--        <td> <a href="deptUpdate.html" class="tablelink">重命名</a> &nbsp;&nbsp;&nbsp;&nbsp;   <a href="#" class="tablelink click"> 删除</a></td>-->
<!--        </tr>-->
<!--        -->
<!--        <tr>-->
<!--        <td>3</td>-->
<!--        <td>老刘文件夹</td>-->
<!--        <td> <a href="deptUpdate.html" class="tablelink">重命名</a> &nbsp;&nbsp;&nbsp;&nbsp;   <a href="#" class="tablelink"> 删除</a></td>-->
<!--        </tr>-->
<!--        -->
<!--        <tr>-->
<!--        <td>4</td>-->
<!--        <td>老李文件夹</td>-->
<!--        <td>  <a href="deptUpdate.html" class="tablelink">重命名</a> &nbsp;&nbsp;&nbsp;&nbsp;   <a href="#" class="tablelink"> 删除</a></td>-->
<!--        </tr>-->
        </tbody>
    </table>
    
       
    
    <div class="tip">
    	<div class="tiptop"><span>提示信息</span><a></a></div>
        
      <div class="tipinfo">
        <span><img src="../../../../static/images/ticon.png" /></span>
        <div class="tipright">
        <p>是否确认对信息的删除？</p>
        <cite>如果是请点击确定按钮 ，否则请点取消。</cite>
        </div>
        </div>
        
        <div class="tipbtn">
        <input name="" type="button"  class="sure" value="确定" @click="delectCheck" />&nbsp;
        <input name="" type="button"  class="cancel" value="取消" />
        </div>
    
    </div>

    
    </div>
    
    <script type="text/javascript">
	$('.tablelist tbody tr:odd').addClass('odd');
	</script>

</body>

</html>



<script type="text/javascript" src="../../../../static/js/personalOffice/nameCardList/nameCardList.js"></script>

